*{margin: 0;padding: 0;}
body{margin:0px auto;font:12px  "microsoft yahei";color: #303030;line-height: 25px;overflow-x: hidden;}
ul,li{list-style: none;}
a{text-decoration: none;color: #303030;}
p{margin:0;padding:0;}
ul,li,ol,dl,dt,dd{margin:0;padding:0;list-style-type:none;}
a{font-size:12px;text-decoration:none;transition:all 0.3s ease-in-out 0s;}
a:hover{text-decoration:none;}
a:visited{color:#303030;}
.clearfix {zoom:1;}
.clearfix:after{display:block;clear:both;visibility:hidden;height:0;overflow:hidden;content:"."; }
.clear{clear: both;}
.w1200{width: 1200px;margin: auto;}
.center{margin:0px auto;}
.moddle{ width:1200px;}

.header{position: relative;}
.topbox{background: rgba(0,155,254,0.8);padding: 13px 0px;position: relative;z-index: 1000;}
.top{display: flex;justify-content: space-between;}
.logo{color: #fff;font-size: 28px;font-weight: bold;line-height: 86px; background: url(../images/logo.png) no-repeat left center; padding-left: 94px;}
.nav{display: flex;justify-content: space-between;line-height: 83px;}
.nav a{color: #fff;font-size: 18px;padding: 0px 15px;}
.nav li{text-align: center;}
.nav li:hover a{color: #004876;}
.nav li dl{position: absolute;z-index: 100000;display: none;background: #fff;width: 100%;text-align: center;left: 0;}
.nav li dl .xlnav{display: flex;padding: 0px 0px;}
/* .nav li dl .xlnav .xlimg{background: url(../images/nav_img1.png) no-repeat center;width: 220px;height: 120px;margin-right: 40px;} */
.nav li:nth-child(3) dl .xlnav .xlimg{background: url(../images/nav_img2.png) no-repeat center;width: 220px;height: 120px;margin-right: 40px;padding-top: 20px;}
/* .nav li:nth-child(4) dl .xlnav .xlimg{background: url(../images/nav_img3.png) no-repeat center;} 
.nav li:nth-child(5) dl .xlnav .xlimg{background: url(../images/nav_img4.png) no-repeat center;}
.nav li:nth-child(6) dl .xlnav .xlimg{background: url(../images/nav_img5.png) no-repeat center;}
.nav li:nth-child(7) dl .xlnav .xlimg{background: url(../images/nav_img6.png) no-repeat center;}*/
.nav li dl .xlnav dt{display: flex;justify-content: flex-start;flex-wrap: wrap;width: 80%;}
.nav li dl .xlnav dt a{font-size: 18px;padding: 2px 20px;border-bottom: 1px solid #dcdcdc;margin: 10px 20px;line-height: 36px;width: 23%;}
.nav li:hover dl{display: block;}
.nav li dl a{display: block;font-size: 14px;line-height: 40px;}
.nav li:hover dl a{color: #303030;}
.top_tel{background: url(../images/top_tel.png) no-repeat left 10px;padding-left: 50px;color: #fff;font-size: 20px;margin-top: 10px;}
.top_tel p{font-size: 26px;}
.banner{margin-top: -113px !important;}
.swiper-container .swiper-wrapper .swiper-slide img{display: block;width: 100%;}

.bg{background: url(../images/bg.png) center;}
.title{text-align: center;color: #8dcbf3;font-size: 32px;text-transform: uppercase;}
.title dt{line-height: 50px;color: #303030;}

.cpbox{background: url(../images/cp_bg.png) no-repeat right top;padding: 90px 0px 70px;}
.cpfl{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 30px auto 35px;}
.cpfl li{width: 24%;text-align: center;background: #009bfe;line-height: 60px;position: relative;margin-bottom: 20px;}
.cpfl li>a{color: #fff;font-size: 22px;}
.cpfl li p{display: none;position: absolute;z-index: 100000;width: 100%;background: #004876;}
.cpfl li p a{display: block;font-size: 18px;color: #fff;}
.cpfl li:hover{background: #004876;}
.cpfl li:hover p{display: block;}
.h-pro-gun01 li{margin-bottom: 15px;margin-right: 15px;float: left;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;text-align: center;}
.h-pro-gun01 li a{ display: block; text-align: center;padding:0px;overflow: hidden;}
.h-pro-gun01 li .tu{padding:0px;overflow: hidden;}
.h-pro-gun01 li .tu img{-webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.h-pro-gun01 li:hover .tu img{-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}

.hyyybox{padding: 50px 0px 70px;}
.hyyy{display: flex;justify-content: space-between;margin-top: 50px;flex-wrap: wrap;}
.hyyy a{display: block;width: 30%;text-align: center;height: 340px;font-size: 14px;}
.hyyy a img{width: 100%;height: 300px;}

/* .hyyy a{display: block;width: 520px;padding: 50px 0px 70px;border: 3px solid #0099ff;font-size: 18px;text-align: center;color: #0099ff;}
.hyyy a::before{content: '';background: url(../images/yy_icon1.png) no-repeat center;width: 132px;height: 130px;margin: auto;display: block;}
.hyyy a dl{font-size: 22px;margin: 56px auto 20px;}
.hyyy a:nth-child(2)::before{background: url(../images/yy_icon2.png) no-repeat center;width: 114px;height: 105px;margin-top: 25px;}
.hyyy a:hover{border-top-left-radius: 120px;border-bottom-right-radius: 120px;} */

.gsjjbox{padding: 90px 0px;}
.gsjj{display: flex;justify-content: space-between;margin-top: 45px;}
.gsjj dl{width: 576px;}
.gsjj dl p{text-indent: 1em;font-size: 14px;line-height: 30px;}
.gsjj dl a{display: block;width: 200px;margin: 30px auto 0px;background: #009bfe;line-height: 50px;color: #fff;font-size: 18px;text-align: center;}
.gsjj dl a:hover{background: #004876;}
.gsjj img{width: 600px;}

.newbox{padding: 50px 0px 80px;}
.new{display: flex;justify-content: space-between;margin-top: 40px;}
.newl{width: 599px;height: 399px;}
.newl li{width: 599px;height: 399px;background:url(../images/new.jpg)  no-repeat center;}
.newl ol{display: none;width: 599px;height: 399px;margin-top: -399px;color: #fff;font-size: 26px;}
.newl ol a{color: #fff;font-size: 24px;margin: 0px 0px 30px 30px;display: inline-block;}
.newl ol dl{padding: 55px 0px 10px 30px;font-size: 20px;}
.newl ol dt{font-size: 16px;padding: 0px 30px 10px 30px;}
.newl ol dd{margin-top: 46px;}
.newl ol dd a{color: #fff;font-size: 16px;padding: 10px 50px;border: 1px solid #fff;}
.newl:hover ol{display: block;background: rgba(0,113,229,0.8);}
.newr{width: 600px;}
.newr li{width: 480px;padding: 25px 40px 25px 30px;background: #fafafa;margin: 0px auto 20px;display: flex;justify-content: space-between;}
.newr li img{width: 81px;height: 67px;margin-right: 26px;}
.newr li dl{/* width: 77%; */}
.newr li dl dt{display: flex;justify-content: space-between;margin-bottom: 6px;}
.newr li dl dt a{color: #009bfe;font-size: 20px;}
.newr li dl dt span{font-size: 16px;color: #009bfe;}
.newr li dl p{line-height: 20px;}
.newr li:hover{background: #ececec;}

.lxwmbox{padding: 90px 0px;}
.lxwms{width: 1400px;margin: 30px auto 0px;background: #fff;padding: 35px 0px;display: flex;justify-content: center;}
.lxwms dl{width: 381px;margin-right: 16px;font-size: 20px;padding-top: 40px;}
.lxwms dl dt{font-size: 24px;line-height: 40px;}
.lxwms dl p{margin-top: 40px;line-height: 50px;}
.symap{width: 800px;height: 450px;}
.lxwms:hover{background: #009bfe;color: #fff;}

.footbox{background: #303030;padding: 50px 0px 0px 0px;color: #fff;}
.foot{display: flex;justify-content: space-around;font-size: 16px;}
.footlx{width: 35%;}
.footlx dl{font-size: 24px;margin-bottom: 35px;}
.footlx dl span{font-size: 20px;text-transform: uppercase;font-family: arial;}
.footlx dt{line-height: 50px;background: url(../images/footlx_icon1.png) no-repeat left center;padding-left: 45px;}
/*.footlx :nth-child(5){background: url(../images/footlx_icon2.png) no-repeat left center;}*/
.footlx :nth-child(7){background: url(../images/footlx_icon3.png) no-repeat left 10px;}
.foot img{width: 354px;height: 131px;margin-top: 40px;}
.footnav{width: 15%;}
.footnav dl{font-size: 26px;border-left: 6px solid #009bfe;line-height: 25px;padding-left: 10px;margin-bottom: 20px;}
.footnav dt{display: flex;justify-content: space-between;flex-wrap: wrap;}
.footnav dt a{font-size: 16px;color: #fff;line-height: 45px;}
.footbox li{background: #000;line-height: 70px;text-align: center;margin-top: 50px;font-size: 14px;}
.footbox li a{color: #fff;font-size: 14px;}